﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width" />
    @Styles.Render("~/Content/Mobile/css", "~/Content/jquerymobile/css")
    <link href="~/Content/mymobile.css" rel="stylesheet" />

@*    <link href="~/css/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="~/css/bootstrap.min.css" rel="stylesheet" />*@
</head>
<body>

    <div data-role="page" data-theme="a">
        @Html.Partial("_ViewSwitcher")

        <div data-role="header">
            @*<h1>@ViewBag.Title</h1>*@
            @*<h1>Getrunkene Flaschies</h1>*@
            @RenderSection("headerbar", false)
        </div>

        <div data-role="content">
            @RenderSection("featured", false)
            @RenderBody()
        </div>

        <div data-role="footer" data-position=fixed>
            @RenderSection("footerbar", false)
        </div>
    </div>
    @Scripts.Render("~/bundles/jquery")
    <script src="~/js/bootstrap.min.js"></script>
    @Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")
    <script>
        $(document).ready(function () {
            $.mobile.ajaxEnabled = false;
        });
    </script>
    @RenderSection("scripts", required: false)
</body>
</html>
